*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
a:hover{
  color: darkblue;
}
/* 标题开始*/
.head{
  width: 100%;
  margin: 0  auto;
  height: 3.125rem;
  line-height: 3.125rem;
  background-color: black;
  display: flex;
  justify-content: space-between;
  /*position: relative;*/
  top: 0;
  position: sticky;
  z-index: 999;
}
.head a img{
  width: 24px;
  height: 24px;
  margin: .8125rem 0;
  position: absolute;
  left: 60px;
  /*margin-left: 50px;*/
  /*margin-top: 15px;*/
}
.head .left{
  position: absolute;
  left: 95px;
}
.head .left a:hover{
  border-bottom: 2px solid white;
}
.head .left a{
  display: inline-block;
  text-decoration: none;
  /*font-size: .875rem;*/
  color: #fff;
  height: 36px;
  line-height: 40px;
  text-align: center;
  margin:0 0 0 1.25rem;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
}
.head .right{
  display: flex;
  position: absolute;
  right: 90px;
}
.head .right a:hover{
  border-bottom: 2px solid white;
}
.head .right a{
  display: inline-block;
  text-decoration: none;
  height: 36px;
  /*font-size: .875rem;*/
  color: #fff;
  margin:0 0 0 3rem;
  font-size: 13px;
  font-weight: 700;
  /*font-style: normal;*/
}
.head .right .c1{
  width: 16px;
  height: 16px;
  position: absolute;
  left: 30px;
  top:4px
}
.head .right .c2:hover{
  background-color: #d2d2d2;
  border-radius: 50%;
}
.head .right .c2{
  width: 24px;
  height: 24px;
  position: absolute;
  left: 320px;
}
.head .right .c3:hover{
  border-bottom: 2px solid white;
}
.head .right .c3{
  width: 25px;
  height: 25px;
  position: absolute;
  left: 380px;
}
/*  标题结束*/
/*副标题开始*/
.neck{
  background-color: #464646;
  width: 100%;
  margin: 0 auto;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  position: sticky;
  top: 3.125rem;
  z-index: 999;
}
.neck a:hover{
  color: white;
}
.neck a{
  text-decoration: none;
  color: #d2d2d2;
  font-size: 12px;
  font-weight: 500;
  padding: 0 0 0 3rem;
}
.neck a:nth-of-type(1){
  font-weight: 500;
}
/*  副标题结束*/
/*  主体开始*/
.body{
  width: 1136px;
  height: 333px;
  margin: 60px auto;
  cursor: pointer;
  /*border: 1px solid deepskyblue;*/
  transition: all .3s;

}
.body1{
  width: 1136px;
  height: 255px;
  /*border: 1px solid red;*/
  display: grid;
  grid-template-columns: repeat(4,284px);
}
.body1 div{
  /*border: 1px solid blue;*/
  height: 255px;
  transition: all .6s;
}
.body1 div:hover{
  opacity: .8;
  transform: scale(1.1);

}
.body1 div a img{
  width: 284px;
  height: 255px;
}
.body2{
  width: 1136px;
  height: 78px;
  /*line-height: 78px;*/
  /*border: 1px solid red;*/
  display: grid;
  text-align: center;
  grid-template-columns: repeat(4,284px);
  position: relative;
  /*overflow: hidden;*/
}
.body2 div{
  /*border: 1px solid blue;*/
  height: 78px;
  /*overflow: hidden;*/
}
.body2 p a{
  display: inline-block;
  /*border: 1px solid firebrick;*/
  width: 284px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 500;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*text-overflow: ellipsis;*/
}
.body2  a{
  display: inline-block;
  height: 30px;
  font-size: 16px;
  font-weight: 400;
  color: black;
}
.body2 .c4{
  width: 80px;
  height: 20px;
  line-height: 20px;
  font-weight: 200;
  border-radius: 5px;
  font-size: 12px;
  margin: 0 0 0 100px;
  background-color: #F6F6F6;
}
/*  主体结束*/
/*  底部*/
.botter{
  width: 100%;
  height: 521px;
  margin: 0 auto;
  background-color: black;
  /*position: sticky;*/
  /*text-align: center;*/
}
.bd{
  width: 1136px;
  height: 250px;
  margin: 0 auto;
  display: flex;
  padding: 100px 0px 0px 0px;
  border-bottom: 1px solid white;
  /*position: absolute;*/
  /*top: 100px;*/
  /*left: 12%;*/

}
.botter1 p{
  width:240px;
  height: 50px;
  color: white;
  margin-top: 10px;
  margin-left: 8px;
}
.botter1{
  width:240px;
  height: 203px;
  /*position: absolute;*/
  /*top: 120px;*/
  padding-right: 20px;
  border-right: 1px solid white;
}
.botter1 .i1{
  width: 190px;
  height: 22px;
}
.dd{
  width: 1215px;
  height: 108px;
  margin: 0 auto;
  text-align: center;
  padding: 30px 50px 0 50px;
  /*border-top: 1px solid white;*/
  /*position: absolute;*/
  /*top: 380px;*/
  /*left: 12%;*/
}
.dd a{
  display: inline-block;
  color: #a0a0a0;
  letter-spacing: 1px;
  width: 1215px;
  height: 30px;
  font-weight: 400;
  font-size: 12px;
}
.botter2{
  width: 609px;
  height: 203px;
  display: flex;
  justify-content: space-around;
  border-right: 1px solid white;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 260px;*/
}
.botter2 li{
  list-style: none;
}
.botter2 li a{
  color: #d2d2d2;
}
.botter2 p{
  color: #a0a0a0;
  height: 30px;
  width: 55px;
  border-bottom: 1px solid white;
  letter-spacing: 1px;
  font-size: 12px;
}
.botter2 ul{
  padding-top: 20px;
}
.botter2 li{
  color: #d2d2d2;
  height: 30px;
  width: 108px;
  line-height: 2;
  /*border-bottom: 1px solid white;*/
  letter-spacing: 1px;
  font-size: 12px;
  /*font-weight: bold;*/
}
.botter3{
  width: 366px;
  height: 187px;
  /*border: 1px solid deepskyblue;*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 870px;*/
  /*margin-left: 3.125rem;*/
}
.botter3 p{
  color: #a0a0a0;
  font-size: 12px;
  margin-left: 3.125rem;
}
.botter3 .d1{
  display: flex;
  width: 316px;
  height: 52px;
  line-height: 52px;
  margin-left: 3.125rem;


}
.botter3 .d1 h2{
  color: white;
  font-size: 22px;
}
.botter3 .d1 span{
  color: white;
  padding-left: 20px;
}
.botter3 .d2{
  border: 1px solid white;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 80px;
  background-color: black;
  text-align: center;
  margin-left: 3.125rem;
}
.botter3 .d2 a{
  display: inline-block;
  width: 80px;
  height: 30px;
  color: white;
  font-size: 12px;
  letter-spacing: 1px;
  z-index: 999;
}
.botter3 .d2 a:hover{
  color: black;
  width: 80px;
  height: 30px;
  z-index: 999;
}
.botter3 .d3{
  width: 297px;
  height: 42px;
  line-height: 42px;
  border: 1px solid white;
  /*border-radius: 80px;*/
  background-color: white;
  text-align: center;
  margin-left: 3.125rem;
  margin-top: 40px;
}
.botter3 .d3:hover{
  background-color: black;
}
.botter3 .d3 a{
  display: inline-block;
  width: 297px;
  height: 42px;
  color: black;
  font-size: 12px;
  letter-spacing: 1px;
  z-index: 999;
}
.botter3 .d3 a:hover{
  color: white;
}
.botter2 ul a:hover{
  color: white;
}
.botter3 .d2:hover{
  background-color: white;
}
.tt{
  width: 120px;
  height: 40px;
  display: flex;
  justify-content: space-around;
  /*border: 1px solid hotpink;*/
}
.tt1{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border:2px solid white;
  background-image:url("../imgas/Photo/Tt2.png") ;
  background-size: 30px 30px ;
  background-position: 305px 34px;
}
.tt2{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border:2px solid white;
  background-image:url("../imgas/Photo/Tt1.png ") ;
  background-size: 31px 31px ;
  background-position: 313px 34px;
}
/*底部结束*/
